// ES6转码和打包打包
// module.exports = {
//     entry: [
//         'babel-polyfill',        // 添加了这个东西，才能完美的将ES6转码
//         './app/js/index.js',     // 进行转码的js文件1
//         './app/js/index2.js',    // 进行转码的js文件2
//     ],
//     output: {
//         path: __dirname + '/dist/js',    // 编译后的js文件输出目录
//         filename: 'bundle.js'            // 编译后的js文件名
//     },
//     module: {
//         loaders: [
//             {
//                 test: /\.jsx?$/,
//                 loader: 'babel-loader',     // 'babel-loader'也可写成'babel'
//                 query: {
//                     presets: ['env']
//                 }
//             }
//         ]
//     }
// };
 
 
 
 
// CSS自动添加前缀并打包
// const ExtractTextPlugin = require("extract-text-webpack-plugin");
// const extractCSS = new ExtractTextPlugin({
//     filename: './bundle.css',       // 编译后生成的css文件名
//     disable: false,
//     allChunks: true
// });
// module.exports = {
//     entry: {
//         app: ['./app/css/css-entry.js'],    // 需要进行打包处理的css入口文件
//     },
//     output: {
//         path: __dirname + '/dist/css',      // 编译后生成的css文件输出目录
//         filename: 'css.js'
//     },
//     module: {
//         rules: [
//             {
//                 test: /\.css$/,
//                 use: extractCSS.extract({
//                     fallback: "style-loader",
//                     use: ['css-loader', 'postcss-loader']
//                 })
//             }
//         ]
//     },
//     plugins: [
//         extractCSS
//     ]
// }
// 

//sass 打包 ---https://github.com/CruxF/IMOOC/blob/master/HTML_CSS/WebMoblie/webpack.config.js
var webpack = require('webpack');
var path = require('path');
module.exports = {
  //页面入口文件配置
  entry: [
    './app.js'
  ],
  //入口文件输出配置
  output: {
    path: path.resolve(__dirname, './build'),
    filename: 'bundle.js'
  },
  //加载器配置
  module: {
    rules: [{
      test: /\.(png|jpg|gif)$/,
      use: [{
        loader: 'url-loader',
        options: {
          limit: 8192
        }
      }]
    }, {
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    }, {
      test: /\.scss$/,
      use: [{
        loader: "style-loader"
      }, {
        loader: "css-loader"
      }, {
        loader: "sass-loader"
      }]
    }]
  }
};
